﻿/*公共*/
body {
    font-family: 'Source Han Sans';
    background-color: #fff;
    color: #7C7C7C;
    position: relative
}

html {
    line-height: 1;
}

@media screen and (max-width: 1023px) {
    html {
        font-size: 10px;
    }

    .procuct_introduction ul li p {
        width: 70%;
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    html {
        font-size: 11px;
    }

    .procuct_introduction ul li p {
        width: 70%;
    }
}

@media screen and (min-width: 1280px) {
    html {
        font-size: 14px;
    }
}

.mask { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; background: #000000; opacity: 0.6; }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1rem;
}

/*input radio 美化*/
.pay_list_c1 { width: 24px; height: 18px; float: left; cursor: pointer; text-align: center; margin-right: 5px; margin-top: 5px; background-image: url(/img/inputradio.png); background-repeat: no-repeat; background-position: -24px 0; }
.radioclass { opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.on { background-position: 0 0; }
/*input radio 美化*/

.c33 {
    color: #333333
}

.f18 {
    font-size: 1.285rem
}

.f24 {
    font-size: 1.714rem
}

.f38 {
    font-size: 2.714rem
}

.f6 {
    font-size: 0.428rem
}

.mb20 {
    margin-bottom: 1.428rem
}

.mb10 {
    margin-bottom: 0.714rem
}

.mb15 {
    margin-bottom: 1.071rem
}

.mb8 {
    margin-bottom: 0.571rem
}

.mb30 {
    margin-bottom: 2.143rem
}

.mb40 {
    margin-bottom: 2.857rem
}

.mb50 {
    margin-bottom: 3.571rem
}

.mb60 {
    margin-bottom: 4.286rem
}

.mb90 {
    margin-bottom: 6.428rem
}

.fl {
    float: left
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.lh15 {
    line-height: 1.5
}

body, ul, li, p, form, table, td, img, div, h1, h2, h3, h4, h5, input, dl, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
}

ul, li, dl, dt, dd {
    list-style-type: none;
}

a {
    text-decoration: none;
    cursor: pointer;
    margin: 0;
}

.center {
    text-align: center
}

.inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.line-through {
    text-decoration: line-through;
}

.number {
    font-family: Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Tohoma,Arial;
}
/*placeholder样式*/
/* webkit 浏览器 */
::-webkit-input-placeholder {
    color: #ccc;
}
/* 火狐浏览器 */
input:-moz-placeholder {
    color: #ccc;
}
/*IE10*/
input:-ms-input-placeholder {
    color: #ccc;
}

#alertmessage {
    position: absolute;
    z-index: 9999;
    top: 10px;
    left: 0px;
    background-color: #e15f63;
    box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    padding: 5px 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: none;
    color: #fff;
}

.head {
    width: 100%;
    max-width: 1280px;
    height: 60px;
    margin: 0 auto;
}

    .head .logo, .head .menu, .head .login {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top
    }

    .head .logo {
        width: 15%;
        min-width: 130px;
    }

        .head .logo a {
            display: block;
            width: 130px;
            height: 36px;
            background: url(../images/index/logo.png);
            margin: 9px auto 0 auto
        }

    .head .menu {
        width: 65%;
        overflow: hidden;
        height: 60px;
        line-height: 60px;
        color: #333;
        font-size: 1.286rem;
        text-align: center
    }

        .head .menu a {
            float: right;
            display: block;
            padding: 0 3.286rem;
            color: #333;
        }

            .head .menu a i {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                width: 11px;
                height: 7px;
                background: url(../images/i_down.png);
                margin-left: 8px
            }

            .head .menu a:hover {
                color: #51b7dd;
            }

            .head .menu a:active, .head .menu a.sel {
                background-color: #EBF9FF;
                border-top: 4px solid #00b0ff;
                border-bottom: 4px solid #EBF9FF;
                height: 52px;
                line-height: 52px;
                color: #008EEF;
            }

    .head .login {
        float: right;
        padding-right: 3.315%;
    }

.body {
    width: 100%;
    position: relative
}

.homebanner1 {
    background-color: #a2d658;
    text-align: center;
}

.homebanner2 {
    background-color: #79ade9;
    text-align: center;
}

.homebanner3 {
    background-color: #599be7;
    text-align: center;
}

.bg {
    height: 916px;
    background: url(../images/bg_apply.jpg);
    background-size: cover
}
/*.product, .service, .customer { margin-left:90px; margin-right:100px; margin-top:30px;}*/

/* 
 说明：
 1.IE中要实现块内单行两端对齐需要使用其私有属性text-align-last:justify配合，text-align-last 要生效，必须先定义text-align 为justify
 2.line-height:0 解决标准浏览器容器底部多余的空白
 3.模块使用[换行符]或[空格符]后，webkit浏览器中会引起最后一个模块有多余空白，使用font-size:0可清除该空格
 4.text-align-last:justify 目前只有IE支持，标准浏览器需要使用 .demo:after 伪类模拟类似效果 
 5.opera浏览器需要添加 vertical-align:top 才能完全解决底部多余的空白
*/
.list {
    margin-top: 50px;
    padding: 0 30px;
    text-align: justify;
    text-align-last: justify;
}

    .list:after {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        overflow: hidden;
        width: 100%;
        height: 0;
        content: '';
        vertical-align: top;
    }

div.inner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: center;
    width: 24.7%;
    vertical-align: top
}

div.name .float_right {
    float: right;
    font-size: 16px;
    line-height: 36px;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
}


.foot { position: fixed; left: 0; bottom: 0; width: 100%; line-height: 32px; background-color: #3a3c49; text-align: center; color: #FFF; }

/*浮动菜单*/
.float {
    position: fixed;
    right: 30px;
    bottom: 25px;
    width: 55px;
    background-color: #f3f3f3;
    z-index: 999
}

    .float a {
        display: block;
        width: 55px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #fff;
    }

        .float a.float_a1 {
            background-color: #333;
            font-size: 12px;
            line-height: 12px;
        }

            .float a.float_a1 i {
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 0 4px 4px 4px;
                border-color: transparent transparent #fff transparent;
                margin-left: 24px;
                margin-bottom: 6px;
                padding-top: 9px;
            }

        .float a.float_a2 i {
            display: inline-block;
            width: 23px;
            height: 22px;
            line-height: 45px;
            margin-top: 12px;
        }

            .float a.float_a2 i.i2 {
                background: url(../Images/base.png) 0px 0px;
            }

            .float a.float_a2 i.i3 {
                background: url(../Images/base.png) -3px -55px;
                width: 30px;
                height: 29px;
                margin-top: 9px;
                margin-left: 8px;
            }

            .float a.float_a2 i.i4 {
                background: url(../Images/base.png) 0px -121px;
            }

/*加div，用div:hover控制a:hover的显示*/
.div_rel {
    position: relative;
}

    .div_rel .float_a2_hover {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fc6161;
        width: 154px;
        line-height: 45px;
        display: none;
    }

        .div_rel .float_a2_hover i.i2 {
            background: url(../Images/base.png) 0px -27px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 23px;
            height: 22px;
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 5px;
            z-index: 1000;
        }

        .div_rel .float_a2_hover i.i3 {
            background: url(../Images/base.png) 0px -88px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            width: 23px;
            height: 22px;
            vertical-align: middle;
            margin-top: -3px;
            margin-right: 10px;
            z-index: 1000;
        }

    .div_rel .float_a4_hover {
        display: none;
        width: 188px;
        height: 218px;
        position: absolute;
        bottom: -5px;
        right: 58px;
        border: 1px solid #ccc;
    }

    .div_rel:hover .float_a2_hover, .div_rel:hover .float_a4_hover {
        display: block;
    }

.qq {
    display: none;
    position: absolute;
    right: 0;
    top: 10px;
}

.div_rel:hover .qq {
    display: block;
}

/*slide box*/
/* 本例子css */
.slideBox1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0 auto;
    zoom: 1;
}

    .slideBox1 .hd {
        height: 12px;
        overflow: hidden;
        position: absolute;
        right: 50%;
        margin-right: -75px;
        bottom: 8px;
        z-index: 1;
    }

        .slideBox1 .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox1 .hd ul li {
                float: left;
                margin-right: 30px;
                width: 9px;
                height: 8px;
                background: url(../images/slide1.png);
                cursor: pointer;
            }

                .slideBox1 .hd ul li.on {
                    background: url(../images/slide1_hover.png);
                }

    .slideBox1 .bd {
        position: relative;
        height: 100%;
        z-index: 0;
        margin: 0 auto;
    }

        .slideBox1 .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox1 .bd img {
            width: 100%;
            height: auto;
            display: block;
            overflow: hidden;
            margin: 0 auto
        }

/*产品滚动*/
.slideBox2 {
    width: 1090px;
    height: 233px;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0 auto;
    zoom: 1;
}

    .slideBox2 .hd {
        height: 13px;
        overflow: hidden;
        position: absolute;
        right: 38px;
        top: 13px;
        z-index: 1;
    }

        .slideBox2 .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox2 .hd ul li {
                float: left;
                width: 13px;
                height: 13px;
                margin-right: 8px;
                background: url(../images/slide2.png);
                cursor: pointer;
            }

                .slideBox2 .hd ul li.on {
                    background: url(../images/slide2_hover.png);
                }

    .slideBox2 .bd {
        position: relative;
        height: 100%;
        z-index: 0;
        margin: 0 auto;
    }

        .slideBox2 .bd li {
            zoom: 1;
            vertical-align: middle;
        }

            .slideBox2 .bd li h1 {
                margin-bottom: 18px;
                line-height: 18px
            }

        .slideBox2 .bd a {
            width: 1060px;
            height: 196px;
            display: block;
            overflow: hidden;
            margin-left: 15px;
        }

            .slideBox2 .bd a.prod_banner_amp {
                background: url(../images/prod_banner1.jpg) no-repeat;
            }

                .slideBox2 .bd a.prod_banner_amp:hover {
                    background: url(../images/prod_banner1_hover.jpg) no-repeat;
                }

            .slideBox2 .bd a.prod_banner_ba {
                background: url(../images/prod_banner2.jpg) no-repeat;
            }

                .slideBox2 .bd a.prod_banner_ba:hover {
                    background: url(../images/prod_banner2_hover.jpg) no-repeat;
                }

            .slideBox2 .bd a.prod_banner_yun {
                background: url(../images/prod_banner3.jpg) no-repeat;
            }

                .slideBox2 .bd a.prod_banner_yun:hover {
                    background: url(../images/prod_banner3_hover.jpg) no-repeat;
                }
    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .slideBox2 .prev,
    .slideBox2 .next {
        position: absolute;
        right: 115px;
        top: 10px;
        display: block;
        width: 19px;
        height: 19px;
        background: url(../images/slide-prev.png) no-repeat;
    }

    .slideBox2 .next {
        left: auto;
        right: 15px;
        width: 20px;
        background: url(../images/slide-next.png) no-repeat;
    }

    .slideBox2 .prev:hover {
        background: url(../images/slide-prev-hover.png) no-repeat;
    }

    .slideBox2 .next:hover {
        background: url(../images/slide-next-hover.png) no-repeat;
    }

/*客户滚动*/
.slideBox3 {
    width: 1040px;
    height: 92px;
    padding-top: 20px;
    overflow: hidden;
    position: relative;
    margin: 36px auto 126px auto;
    zoom: 1;
}

    .slideBox3 .hd {
        height: 8px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

        .slideBox3 .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox3 .hd ul li {
                float: left;
                width: 9px;
                height: 8px;
                background: url(../images/slide2.png);
                cursor: pointer;
            }

                .slideBox3 .hd ul li:not(:last-child) {
                    margin-right: 8px;
                }

                .slideBox3 .hd ul li.on {
                    background: url(../images/slide2_hover.png);
                }

    .slideBox3 .bd {
        position: relative;
        height: 100%;
        z-index: 0;
        margin: 0 auto;
    }

        .slideBox3 .bd li {
            zoom: 1;
            vertical-align: middle;
        }

        .slideBox3 .bd img {
            width: 1030px;
            height: 91px;
            display: block;
            overflow: hidden;
        }

        .slideBox3 .bd li a {
            display: block;
            width: 224px;
            height: 101px;
            border: 1px solid #FFF;
            float: left;
            margin-left: 20px;
        }

            .slideBox3 .bd li a:first-child {
                margin-left: 0;
            }



/*join*/
.wrapper {
    border-top: 1px solid #ececec;
    box-shadow: 0 1px 1px #f8f8f8 inset
}

.join1 {
    width: 95%;
    max-width: 1280px;
    padding: 90px 0 110px 0;
    margin: auto;
}

.join2 {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 180px auto;
    line-height: 1.8;
}

.left {
    float: left;
    width: 595px;
}

.right {
    margin-left: 635px;
}

.bjh {
    background: url(../images/bg_bjh.png) no-repeat right bottom;
    background-origin: content-box;
    background-color: #f8f8f8;
    margin: 15px 70px 80px 2px;
    padding: 14px 12px 37px 0
}

    .bjh .title {
        background: url(../images/bg_title.png) no-repeat;
        color: #fff;
        font-size: 18px;
        height: 29px;
        line-height: 29px;
        padding-left: 21px;
    }

    .bjh .content {
        margin: 10px 28px 10px 20px
    }

        .bjh .content p, .bjh .content ul li {
            line-height: 24px;
        }

        .bjh .content ul li {
            list-style: disc;
            margin-left: 20px;
        }

p.bold {
    font-weight: bold;
    font-size: 16px;
    margin-top: 40px;
}

.green_btn {
    background-color: #00b0ff;
    color: #fff;
    text-align: center;
    font-size: 17.5px;
    padding: 9px 95px
}

    .green_btn.ri {
        padding: 9px 22px 9px 42px
    }

        .green_btn.ri i {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            background: url(../images/i_bjh.png);
            width: 25px;
            height: 26px;
            margin-left: 12px;
            vertical-align: middle
        }

/*register*/
.register_bg {
    background-color: #f8f8f8;
    padding: 40px 100px;
    margin-bottom: 85px;
}

.table tr td {
    height: 70px;
    font-size: 16px;
}

    .table tr td:first-child {
        width: 200px;
        padding-right: 35px;
        text-align: right;
    }

.table.small {
    margin-left: 40px;
}

    .table.small tr td:first-child {
        width: 200px;
        padding-right: 15px;
    }

input {
    width: 350px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px 22px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    color: #333;
}

.grey {
    color: #999
}

.blue_btn {
    background-color: #68b7e5;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px 20px 11px 20px
}

    .blue_btn.left {
        float: left;
        display: block;
        padding: 0;
        width: 154px;
        height: 42px;
        line-height: 42px;
        text-align: center;
    }

/*apply*/
.apply_bg {
    background-color: #fff;
    height: 500px;
    padding-bottom: 35px;
    text-align: center
}

.green_btn.Li, .blue_btn.Li {
    padding: 0;
    display: block;
    width: 300px;
    height: 130px;
    line-height: 130px;
    font-size: 24px;
}

.green_btn.Li {
    background-color: #b9de8c;
    margin-top: 50px
}

    .green_btn.Li:hover {
        background-color: #b1d685;
    }

.blue_btn.Li {
    background-color: #7acbeb;
    margin-left: 163px;
    margin-top: 50px
}

    .blue_btn.Li:hover {
        background-color: #75c3e2;
    }

    .blue_btn.Li i {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background: url(../images/i_formal.png);
        width: 87px;
        height: 84px;
        margin-left: 12px;
        vertical-align: middle
    }

    .blue_btn.Li:hover i {
        background: url(../images/i_formal_hover.png);
    }

.green_btn.Li i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background: url(../images/i_temp.png);
    width: 99px;
    height: 84px;
    margin-left: 12px;
    vertical-align: middle
}

.green_btn.Li:hover i {
    background: url(../images/i_temp_hover.png);
}

.formal_bg {
    width: 666px;
    height: 40px;
    margin: 0 auto 30px auto;
    background: url(../images/bg_formal1.png) no-repeat
}

    .formal_bg.step2 {
        background: url(../images/bg_formal2.png)
    }

    .formal_bg.step3 {
        background: url(../images/bg_formal3.png)
    }

.a_blue {
    display: inline-block;
    color: #00b0ff;
    text-decoration: none;
    border: 1px solid #00b0ff;
    padding: 6px 15px;
    margin-right: 10px;
    margin-top: 16px;
    border-radius: 20px;
}

.a_blue_noline {
    color: #51b7dd;
    text-decoration: none;
}

.a_register {
    display: inline-block;
    color: #ff6500;
    text-decoration: none;
    border: 1px solid #ff6500;
    padding: 6px 15px;
    margin-top: 16px;
    border-radius: 20px;
}

.a_chk.sel i {
    background: url(../Images/base.png) 0px -147px;
    width: 18px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

.a_chk i {
    background: url(../Images/base.png) -24px -147px;
    width: 18px;
    height: 16px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

.a_chk2 i {
    background: url(../Images/base.png) -23px -165px;
    width: 19px;
    height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.a_chk2.sel i {
    background: url(../Images/base.png) 0px -165px;
    width: 19px;
    height: 18px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.a_red {
    color: #ff3366;
}

    .a_red:hover {
        text-decoration: underline;
    }

.a_grey {
    display: block;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.div_img {
    width: 285px;
    height: 175px;
    border: 1px solid #e3e3e3;
    padding: 6px 7px;
    margin: 10px 0 30px 0;
}

    .div_img img {
        width: 285px;
        height: 175px;
    }

/*border-spacing:0 remove the space that browsers normally place between cells
  border-collapse:collapse deliminates the gaps and doubled borders. if set to collapse, then border-spacing has no effect  */
.table_line {
    width: 570px;
    height: 193px;
    margin: 0 auto;
    border: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
    border-collapse: collapse;
}

    .table_line tr td {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
        /* border-collapse:collapse;的同等写法：
    .table_line tr:not(:last-child) td { border-bottom:1px solid #ccc; }
    .table_line tr td:not(:last-child) { border-right:1px solid #ccc; }*/
        .table_line tr td:first-child {
            width: 52px;
            height: 47px;
        }

        .table_line tr td:nth-child(2) {
            width: 280px;
        }

.div_pay {
    margin-top: 24px;
    border: 1px solid #ccc;
    padding: 25px 30px;
    font-size: 16px;
}

    .div_pay div {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

        .div_pay div:first-child {
            width: 45%;
            border-right: 1px solid #ccc;
            margin-right: 20px;
        }

.div_tip {
    position: relative;
    margin-left: 14px;
    background-color: #ff9cb5;
    padding: 5px;
    font-size: 14px;
    color: #fff;
}

    .div_tip i {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 7px 0;
        border-color: transparent #ff9cb5 transparent transparent;
        position: absolute;
        left: -7px;
        top: 6px;
        transition: top .2s;
        -ms-transition: top .2s;
        -webkit-transition: top .2s;
        -o-transition: top .2s;
        -moz-transition: top .2s;
    }

/*done*/
.done_bg {
    height: 550px;
    background-color: #f8f8f8;
    text-align: center;
    margin-bottom: 85px;
}

.div_done {
    border: 1px solid #ccc;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 20px;
    padding-left: 30px;
    width: 300px;
    height: 190px;
    overflow: hidden;
    background-color: #fff;
    margin-left: 128px;
    text-align: left
}

    .div_done p.title {
        font-size: 18px;
        margin-bottom: 10px;
        white-space: nowrap;
    }

    .div_done p.text {
        font-size: 16px;
        line-height: 20px;
        color: #333;
        white-space: nowrap;
    }

    .div_done a {
        display: block;
        width: 205px;
        height: 42px;
        line-height: 42px;
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }

    .div_done.bg1 {
        background: #fff url(../images/bg_formal.png) no-repeat 95px 10px;
        background-origin: content-box;
    }

    .div_done.bg2 {
        margin-left: 15px;
        background: #fff url(../images/bg_temp.png) no-repeat 102px 25px;
        background-origin: content-box;
    }

.done_left {
    float: left;
    width: 478px;
    text-align: right;
    padding-top: 138px;
}

.done_right {
    margin-left: 575px;
    text-align: left;
    padding-top: 138px;
}
/*slidebar5 for test*/
.amp {
    display: table;
    border-spacing: 10px
}

.prod {
    display: table-cell;
    width: 346px;
    height: 196px;
    color: #fff;
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
}

    .prod.a1 {
        background-color: #b9de8c;
    }

    .prod.a2 {
        background-color: #f0d762;
        margin: 0 10px
    }

    .prod.a3 {
        background-color: #8896e1;
    }

    .prod div {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle
    }

    .prod img {
        vertical-align: middle
    }

    .prod div p:first-child {
        font-weight: bold;
        font-size: 24px;
    }

.slideBox5 {
    width: 1078px;
    height: 233px;
    overflow: hidden;
    position: relative;
    margin: 0px auto 0 auto;
    zoom: 1;
}

    .slideBox5 .hd {
        height: 8px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 17px;
        z-index: 1;
    }

        .slideBox5 .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox5 .hd ul li {
                float: left;
                width: 9px;
                height: 8px;
                background: url(../images/slide2.png);
                cursor: pointer;
                margin-right: 8px;
            }

                .slideBox5 .hd ul li:not(:last-child) {
                }

                .slideBox5 .hd ul li.on {
                    background: url(../images/slide2_hover.png);
                }

    .slideBox5 .bd {
        position: relative;
        height: 100%;
        z-index: 0;
        margin: 0 auto;
    }

        .slideBox5 .bd li {
            zoom: 1;
            vertical-align: middle;
        }
/*.slideBox2 .bd img{ width:1062px; height:233px; display:block; overflow:hidden;  }*/


/*product*/
.submenu {
    height: 55px;
    line-height: 55px;
    background-color: #EBF9FF;
    text-align: center;
}

    .submenu a {
        width: 12%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 20px solid transparent;
        font-size: 16px;
        color: #333;
    }

        .submenu a:hover, .submenu a.sel {
            color: #00abd7;
        }

.banner_btns {
    position: absolute;
    left: 55%;
    bottom: 117px;
    width: 166px;
    height: 54px;
}

    .banner_btns img {
        display: none;
        position: absolute;
        bottom: 54px;
        left: 0;
        width: 200px;
        height: 200px;
        border: 1px solid #d9d9d9;
    }

    .banner_btns:hover img {
        display: block;
    }

    .banner_btns.amp2 {
        left: 67%;
    }

    .banner_btns.ampwx {
        width: 212px;
        height: 54px;
        left: 55%;
        bottom: 108px;
    }

        .banner_btns.ampwx img {
            width: 210px;
            height: 210px;
        }

    .banner_btns a {
        display: block;
        color: #fff;
        font-size: 20px;
        border-radius: 54px;
        border: 1px solid #FFF;
        width: 200px;
        height: 54px;
        line-height: 54px;
        text-align: center;
    }

        .banner_btns a.ios i {
            background: url(../Images/base.png) -31px 0;
            width: 30px;
            height: 34px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin-right: 8px;
            margin-bottom: -8px;
        }

        .banner_btns a.android i {
            background: url(../Images/base.png) -68px 0;
            width: 29px;
            height: 35px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin-right: 8px;
            margin-bottom: -8px;
        }

        .banner_btns a.wx i {
            background: url(../Images/base.png) -34px -40px;
            width: 42px;
            height: 42px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            margin-right: 8px;
            margin-bottom: -20px;
        }

.items {
    position: relative;
    height: 600px;
    max-width: 1280px;
    margin: auto;
}

    .items .img {
        max-width: 60%;
        position: absolute;
        top: 70px;
    }

        .items .img.img_01, .items .img.img_03, .items .img.img_05, .items .img.img_07 {
            right: 5%;
        }

        .items .img.img_02, .items .img.img_04, .items .img.img_06, .items .img.img_08 {
            left: 5%;
        }

    .items div {
        position: absolute;
        top: 156px;
    }

        .items div.div_01, .items div.div_03, .items div.div_05, .items div.div_07 {
            left: 5%;
        }

        .items div.div_02, .items div.div_04, .items div.div_06, .items div.div_08 {
            right: 5%;
        }
/*新产品信息*/
.boss {
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px
}

.yun {
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px;
    height: 500px
}

.cashdesk {
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px;
    height: 500px
}

.skin {
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px;
    height: 500px
}

.szj {
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px;
    height: 500px
}

.amp {
    width: 100%;
    max-width: 1024px;
    border-bottom: 1px solid #e4e4e4;
    margin-top: 50px;
    height: 500px
}
/*新产品信息*/
.ampwxbg {
    background-image: url(../Images/product/ampwx/bg.png);
    background-repeat: repeat-x;
}

.ampwxbg2 {
    background-image: url(../Images/product/ampwx/bg2.png);
    background-repeat: repeat-x;
}

.babg1 {
    background-image: url(../Images/product/ba/bg1.png);
    background-repeat: repeat-x;
}

.babg2 {
    background-image: url(../Images/product/ba/bg2.png);
    background-repeat: repeat-x;
}

.yunbg {
    background-image: url(../Images/product/yun/bg.png);
    background-repeat: repeat-x;
}

.bossnewbg{
    background-image: url(../Images/product/bossnew/bg.png);
    background-repeat:repeat-x;
}

.amp_title, .ampwx_title, .ba_title, .boss_title, .yun_title, .cashdesk_title, .szj_title, .skin_title,.bossnew_title{
    font-size: 2.285rem;
    margin-bottom: 22px;
}

.ba_title {
    color: #ff5f7d;
}

.boss_title {
    color: #87c4e1;
}

.bossnew_title { color: #1f8eff ;}

.yun_title {
    color: #0089d7
}

.ampwx_title {
    color: #2Ab996
}

.cashdesk_title {
    color: #255693
}

.szj_title {
    color: #515ec3
}

.skin_title {
    color: #2aa5b1
}

.ul_prod {
    font-size: 1.2857rem;
    color: #333333;
    line-height: 1.888;
    margin-bottom: 40px;
}

ul.ul_prod li {
    list-style: disc;
    margin-left: 20px;
}

.icon {
    width: 30%;
}
/*加载动画*/
#DivLoading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    *background-color: #000;
    filter: alpha(opacity=30) /* For IE8 and earlier */
}

    #DivLoading img {
        display: block;
        margin: 450px auto 0 auto;
        width: 50px;
        height: 50px;
    }

.spinner {
    margin: 500px auto;
    width: 88px;
    height: 88px;
    position: relative;
}

.circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .circle:before {
        content: '';
        display: block;
        margin: 0 auto;
        width: 18%;
        height: 18%;
        background-color: #333;
        border-radius: 100%;
        -webkit-animation: fadedelay 1.2s infinite ease-in-out both;
        animation: fadedelay 1.2s infinite ease-in-out both;
    }

.circle2 {
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
}

.circle3 {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
}

.circle4 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.circle5 {
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
}

.circle6 {
    transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
}

.circle7 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.circle8 {
    transform: rotate(210deg);
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
}

.circle9 {
    transform: rotate(240deg);
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
}

.circle10 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.circle11 {
    transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
}

.circle12 {
    transform: rotate(330deg);
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
}

.circle2:before {
    animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
}

.circle3:before {
    animation-delay: -1.0s;
    -webkit-animation-delay: -1.0s;
}

.circle4:before {
    animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
}

.circle5:before {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

.circle6:before {
    animation-delay: -0.7s;
    -webkit-animation-delay: -0.7s;
}

.circle7:before {
    animation-delay: -0.6s;
    -webkit-animation-delay: -0.6s;
}

.circle8:before {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}

.circle9:before {
    animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
}

.circle10:before {
    animation-delay: -0.3s;
    -webkit-animation-delay: -0.3s;
}

.circle11:before {
    animation-delay: -0.2s;
    -webkit-animation-delay: -0.2s;
}

.circle12:before {
    animation-delay: -0.1s;
    -webkit-animation-delay: -0.1s;
}

@-webkit-keyframes fadedelay {
    0%, 39%, 100% {
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    40% {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

@keyframes fadedelay {
    0%, 39%, 100% {
        opacity: 0;
        filter: alpha(opacity=0); /* For IE8 and earlier */
    }

    40% {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
    }
}

/*明星商家*/
.customer_items {
    padding-left: 101px;
    margin-bottom: 23px;
    margin-top: 40px;
}

    .customer_items:last-child {
        margin-bottom: 107px;
    }
/*.div_inline {
    display: inline-block;*display:inline;*zoom:1;
    background-color: #f1f6fc;
    border: 1px solid #ccc;
    border-radius: 5px;
    width:332px;
    overflow:hidden;
    margin-right:38px;
}*/
.customer {
    width: 95%;
    max-width: 1280px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 50px
}

    .customer li {
        width: 33%;
        display: inline-block;
        margin-bottom: 40px
    }

        .customer li a figure {
            display: block;
            width: 100%;
            max-width: 404px;
            margin: auto;
            position: relative;
        }

            .customer li a figure img {
                width: 100%
            }
/*.customer_title { font-size: 1.285rem; color: #333;}
.table_dot {
    margin-bottom:10px;
}
.table_dot tr td.cell1 {
    width:96px;
    text-align:center;
    height:40px;

}
.table_dot tr.tr2 td {

    height:63px;
    padding-top:10px;
    vertical-align:top;

}*/
.table_dot tr.tr1 td.cell2 {
    width: 210px;
    border-bottom: 1px dashed #8b8a8b;
}

.table_dot tr.tr2 td.cell2 {
    width: 210px;
    border-bottom: 1px dashed #8b8a8b;
}

.table_dot tr.tr1 td.cell2 {
    font-size: 20px;
    font-weight: bold
}
/*新手必读*/
.help_content {
    padding: 26px 100px;
}

.help_left {
    float: left;
}

.help_right {
    margin-left: 238px;
    border: 1px solid #e3e3e3;
    padding: 27px 25px;
}

.help_menu {
    width: 228px;
    border: 1px solid #e3e3e3;
    margin: 0;
    padding: 0;
}

    .help_menu:not(:first-child) {
        border-top: none;
    }

    .help_menu dt {
        font-size: 18px;
        color: #242424;
        padding-left: 63px;
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #e3e3e3;
        background: url(../images/icon_app.png) no-repeat 19px 9px;
    }

    .help_menu.cloud dt {
        background: url(../images/icon_cloud.png) no-repeat 19px 9px;
    }

    .help_menu.pc dt {
        background: url(../images/icon_pc.png) no-repeat 19px 9px;
    }

    .help_menu dd {
        color: #5b5c5c;
        margin: 8px;
        border: 1px dashed #ededed;
        height: 38px;
        line-height: 38px;
        background: url(../images/dot.png) no-repeat 39px 17px;
        padding-left: 55px;
        cursor: pointer;
    }

        .help_menu dd.select, .help_menu dd:hover {
            background: url(../images/dot-hover.png) no-repeat 39px 17px;
            color: #7acbeb;
        }

.help_question {
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
}

    .help_question dt {
        line-height: 32px;
        background: url(../images/icon_question.png) no-repeat left top;
        padding-left: 50px;
        margin-bottom: 15px;
        font-size: 18px;
        color: #242424;
    }

    .help_question dd {
        padding-left: 50px;
        color: #5b5c5c;
        margin-bottom: 5px;
    }

        .help_question dd.answer {
            background: url(../images/icon_answer.png) no-repeat left top;
            min-height: 32px;
            padding-top: 3px;
        }

        .help_question dd.list1 {
            background: url(../images/icon_list1.png) no-repeat 8px 5px;
        }

        .help_question dd.list2 {
            background: url(../images/icon_list2.png) no-repeat 8px 5px;
        }

        .help_question dd.list3 {
            background: url(../images/icon_list3.png) no-repeat 8px 5px;
        }


ul.ul_help li {
    list-style: decimal;
    margin-left: 20px;
}

.table_help {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    .table_help tr td, .table_help tr th {
        border: 1px solid #ccc;
    }

        .table_help tr td:first-child {
            width: 200px;
            padding: 5px 15px
        }

        .table_help tr td:not(:first-child) {
            text-align: center;
            padding: 5px 0
        }

/*关于我们*/
.about_content {
    width: 100%;
    max-width: 1280px;
    margin: 90px auto 0 auto;
    line-height: 1.8;
}

.about_wh {
    width: 100%;
    background: #f4f7fe;
    padding-top: 76px;
    padding-bottom: 70px;
}

    .about_wh div {
        max-width: 968px;
        height: 205px;
        margin: auto;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        margin-bottom: 8px;
    }

.about_wh1 {
    background-image: url(../images/aboutus/01.png)
}

.about_wh2 {
    background-image: url(../images/aboutus/02.png)
}

.about_wh3 {
    background-image: url(../images/aboutus/03.png)
}

.about_wh4 {
    background-image: url(../images/aboutus/04.png)
}

.about_wh5 {
    background-image: url(../images/aboutus/05.png)
}
/*服务协议*/
ul.ul_indent {
    margin-bottom: 20px;
}

    ul.ul_indent li {
        padding-left: 2em;
        text-indent: -2em;
        font-size: 13px;
        line-height: 20px;
    }

pre {
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    padding: 0 5px;
}

/*媒体报导 2014-10-28*/
.report_content {
    margin: 70px 0px 70px 100px
}

.report_item {
    display: inline-block;
    vertical-align: top;
    width: 505px;
    height: 431px;
    border: 1px solid #d2d0c3;
    background-color: #f8f8f8;
    padding: 2px;
    margin-right: 54px;
    margin-bottom: 54px;
}

    .report_item img {
        width: 505px;
        height: 285px;
        cursor: pointer;
    }

    .report_item div.hr {
        height: 1px;
        background-color: #fff;
        border-top: 1px solid #d2d0c3;
        -webkit-margin: 0;
    }

.report_title {
    color: #555;
    font-size: 24px;
    padding: 0 10px;
    font-weight: bold;
    height: 52px;
    line-height: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.report_text {
    font-size: 18px;
    padding: 10px;
    color: #555;
    line-height: 26px;
    height: 45px;
    overflow: hidden;
}

.artical_content {
    margin: 40px 205px 70px 200px;
}

.artical_title {
    color: #555;
    font-size: 24px;
    padding-left: 0px;
    font-weight: bold;
    margin: 10px;
}

.artical_subtitile {
    line-height: 32px;
    height: 32px;
    border-bottom: 1px solid #e8e8e8;
    color: #555;
    padding-left: 3px;
    font-size: 14px;
    position: relative;
}

    .artical_subtitile .float_right {
        float: right;
    }

.wx-ewm {
    position: absolute;
    right: -20px;
    bottom: 30px;
    z-index: 9;
    width: 232px;
    height: 112px;
    background: url(../images/arrow.png);
}

.ewm-text {
    float: left;
    color: #656565;
    font-size: 12px;
    line-height: 24px;
    margin: 20px 0 0 5px;
}

.content-code {
    position: relative;
    margin: 9px;
    float: left;
}

.content-code-logo {
    position: absolute;
    left: 34px;
    top: 30px;
    z-index: 5;
    width: 18px;
    height: 18px;
    background-color: #fff;
}

    .content-code-logo img {
        width: 18px;
        height: 17px;
    }

.arrowTop {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 13px 9px;
    border-color: #e8e8e8 transparent transparent transparent;
    position: absolute;
    left: 50px;
    top: -13px;
    transition: top .2s;
    -ms-transition: top .2s;
    -webkit-transition: top .2s;
    -o-transition: top .2s;
    -moz-transition: top .2s;
    z-index: 10;
}

    .arrowTop:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 9px 13px 9px;
        border-color: #e8e8e8 transparent transparent transparent;
        position: absolute;
        left: 50px;
        top: 1px;
    }

a.a_share {
    margin: 0 9px;
    color: #5c5c5c;
}

    a.a_share i {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        background: url(../Images/base.png) -40px -92px;
        margin-right: 6px;
    }

        a.a_share i.i2 {
            background: url(../Images/base.png) -61px -92px;
        }

        a.a_share i.i3 {
            background: url(../Images/base.png) -81px -92px;
        }

.artical_text {
    color: #555;
    font-size: 14px;
    padding-top: 20px;
    word-break: break-all;
}

    .artical_text img {
        max-width: 100%;
    }

        .artical_text img.img_cover {
            display: block;
            margin-bottom: 15px;
        }

    .artical_text p {
        margin: 5px 0;
        line-height: 20px;
    }

.div_pages {
    margin: 20px 105px;
    text-align: right;
}

.page_nav_area, .goto_area {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.page_nav_area {
    letter-spacing: 4px;
}

.goto_area {
    margin-left: 15px;
}

.page_num {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 0 10px;
    letter-spacing: normal;
    color: #444;
}

label {
    cursor: pointer;
}

.btn.page_prev, .btn.page_next {
    position: relative;
    font-size: 0;
    letter-spacing: -5px;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f0f0f0));
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f0f0f0 100%);
    border-color: #c3c3c3;
    color: #000;
    height: 21px;
    line-height: 21px;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

    .btn.page_prev:hover, .btn.page_next:hover {
        background-color: #f8f8f8;
        background-image: -moz-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f8f8f8));
        background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
        background-image: -o-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
        background-image: linear-gradient(to bottom,#f9f9f9 0,#f8f8f8 100%);
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    .btn.page_prev .arrow, .btn.page_next .arrow {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -3px;
    }

.goto_area input[type="text"] {
    vertical-align: middle;
    width: 40px;
    height: 13px;
    line-height: 13px;
    padding: 4px 0;
    border: 1px solid #c3c3c3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.15);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    font-size: 14px;
    margin-right: 4px;
}

.btn.page_first:hover, .btn.page_last:hover, .btn.page_go:hover {
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f8f8f8));
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#f8f8f8 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f8f8f8 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.btn.page_first, .btn.page_last, .btn.page_go {
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#f0f0f0));
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#f0f0f0 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#f0f0f0 100%);
    border-color: #c3c3c3;
    color: #000;
    height: 21px;
    line-height: 21px;
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.btn {
    display: inline-block;
    overflow: visible;
    padding: 0 36px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}

.page_next .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-right-width: 0;
    border-left-color: #666;
    border-left-style: solid;
}

.page_prev .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: dashed;
    border-color: transparent;
    border-left-width: 0;
    border-right-color: #666;
    border-right-style: solid;
}

.right .plan {
    background: url(../images/bg_title.png) no-repeat;
    color: #fff;
    font-size: 18px;
    height: 36px;
    line-height: 28px;
    padding-left: 6px;
}

/***********帮助内容  帮助视频************/
.div_video_table {
    width: 100%;
}

.div_video_table_title {
    height: 60px;
    line-height: 60px;
}

.help_video_title {
    height: 30px;
    width: 100%;
    min-width: 100px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    clear: both;
}

.help_video_list {
    border: 0px;
    margin: 0px;
    padding: 0px;
    min-width: 150px;
    padding-right: 10px;
    color: #5b5c5c;
    display: block;
    height: 26px;
    background: url(../Images/video_bg.jpg) no-repeat 0px 5px;
    cursor: pointer;
    padding-left: 25px;
    font-size: 16px;
    line-height:26px;
}

    .help_video_list:hover {
        color: blue;
        text-decoration: underline;
    }

.div_video_btn {
    background: #7dc035;
    color: #ffffff;
    padding: 2px 5px 2px 5px;
    border: 0px;
    margin: 0px;
    margin-right: 20px;
    width: 60px;
    height: 32px;
    font-size: 14px;
}

.div_video_btn_marginleft {
    margin-left: 10px;
    background: #00b0ff;
}


/*组件样式*/
h2.title {
    font-size: 2.714rem;
    color: #333333;
    margin: 0 0 1.428rem 0
}

p.title {
    font-size: 1.714rem;
    color: #333333;
}

p.text {
    font-size: 1.285rem
}

img.banner {
    width: 100%;
}
/*index*/
.index_bg1 {
    background: url(../images/index/bg1.png) no-repeat 100%;
    padding-top: 90px;
    overflow: hidden;
}

    .index_bg1 h2, .mb30 {
        text-align: center;
    }

.product_introduction {
    width: 96%;
    max-width: 1280px;
    margin: auto;
}

    .product_introduction ul li {
        position: relative;
        width: 32.19%;
        height: 477px;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .product_introduction ul .fcenter {
        display: inline-block;
        margin-left: 1.715%;
        background-image: url(../images/index/gb_mg.png);
    }

    .product_introduction ul li div {
        position: absolute;
        width: 100%;
        left: 8%;
        bottom: 4rem;
    }

    .product_introduction ul li p:nth-child(Odd) {
        color: #333333;
        font-size: 1.285rem;
        margin-bottom: 0.714rem;
    }

    .product_introduction ul li p:nth-child(even) {
        font-size: 1rem;
        margin-bottom: 1.428rem
    }

    .product_introduction ul .fl {
        background-image: url(../images/index/bg_wx.png);
    }

    .product_introduction ul .fr {
        background-image: url(../images/index/gb_ygl.png);
    }

.go_product {
    width: 170px;
    border: 1px solid #00b0ff;
    border-radius: 1.428rem;
    padding: 0.643rem 0;
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.2
}

    .go_product a {
        font-size: 1.428rem;
        color: #00b0ff;
    }

    .go_product .index_arrow {
        display: inline-block;
        background-image: url(../images/index/Arrow.png);
        background-repeat: no-repeat;
        width: 1.428rem;
        height: 1.428rem;
        vertical-align: middle;
        margin-left: 0.714rem
    }

.index_service {
    width: 100%;
    min-height: 461px;
    margin-top: 90px;
    position: relative
}

.index_bg2 {
    width: 100%;
    max-width: 1280px;
    height: 100%;
    max-height: 461px;
    background-image: url(../images/index/bg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

    .index_bg2 .inner img {
        display: block;
        margin: auto;
        margin-top: 5.714rem;
        margin-bottom: 2.14rem
    }

.index_customer {
    width: 100%;
    background: #00b0ff;
}

    .index_customer .name {
        padding-top: 8rem;
        color: #FFF;
        width: 100%;
        max-width: 1280px;
        margin: auto;
    }

        .index_customer .name .title {
            color: #FFF;
        }

    .index_customer .brandLogo {
        width: 100%;
        max-width: 1280px;
        overflow: hidden;
        margin: auto;
        padding-bottom: 50px;
    }

    .index_customer .bd li {
        overflow: hidden;
    }

        .index_customer .bd li .logo {
            display: block;
            width: 17.5%;
            height: 7.214rem;
            float: left;
            margin-left: 1.56%;
            opacity: 0.8;
            background-repeat: no-repeat
        }

            .index_customer .bd li .logo:hover {
                opacity: 1;
            }

.a_office {
    background-image: url(../images/index/logo_ofz.png)
}

.a_kk {
    background-image: url(../images/index/logo_kk.png)
}

.a_osm {
    background-image: url(../images/index/logo_osm.png)
}

.a_camenae {
    background-image: url(../images/index/logo_jml.png)
}

.a_moschner {
    background-image: url(../images/index/logo_ms.png)
}

.a_cell {
    background-image: url(../images/index/logo_xbbs.png)
}

.a_vichy {
    background-image: url(../images/index/logo_wz.png)
}

.a_lifuquan {
    background-image: url(../images/index/logo_lfq.png)
}

.a_msft {
    background-image: url(../images/index/logo_msft.png)
}

.a_bleunuit {
    background-image: url(../images/index/logo_sl.png)
}
